/* CSS Document */
* { font-size:13px; font-family:Tomato, Helvetica, sans-serif}
body{margin:0; padding:0; background:url(../images/design/body-bg.jpg) repeat-x;}
ul{ list-style:none}
a{ text-decoration: none; color:#990033}
.clearfix:after { visibility: hidden;  display: block; font-size: 0; content: " "; clear: both; height: 0;}
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */
#waraper{ width:960px; height: auto; margin:auto auto; position:relative; background:#FFFFFF; padding-top: 5px; z-index:109; clear:both; -moz-border-radius:5px;
 -webkit-border-radius:5px;
 box-shadow: 0 0 2px #cccec9;
-moz-box-shadow: 0 0 2px #cccec9;-moz-box-shadow-top:none;
-webkit-box-shadow: 0 0 2px #cccec9;-webkit-box-shadow-bottom:none;}
#pagetop{ height: 100px; background:url(../images/design/bgheader.png1) repeat-x}
#header{ width: 960px; height:90px; margin:auto auto; margin-bottom: 5px;}

#top-header{height:90px;}
.header-left{ float: right; height:100px; padding-right:5px;}
#banner{ width: 270px; height: 60px;  float:left; margin-top: 30px;}
#banner img{ height:60px; }
.top-nav{ width: 500px; height: 55px; float:right; margin-top:20px;}
.top-nav .login{ height:30px; width: 200px; display:block; float: right; text-align: right; padding: 5px; font-weight: bold; font-family: Arial}
.login a{ text-decoration:none; margin-left: 5px; color:#fff; font-size:12px}
#ctl00_loginCallback1_logout{}
#hellouser{ height: 25px; width:400px; text-align:right; color: #fff; font-weight:bold; float:right; display: block;}
#hellouser a{ color:#fff; font-weight:bold;padding: 3px 0 0 3px;}
#lean_overlay { position: fixed;   z-index:100;  top: 0px; left: 0px;  height:100%; width:100%;  background: #000; display: none;}
.top-nav .cart{ width: 150px; height: 30px; float: right; text-align:right; font-family:Geneva,; padding-right: 5px;}
.cart a { margin-left:2px ; color: #fff; font-weight: bold; font-size:12px;}
.cart img{ height: 20px; width: 20px;}
div.searchname{ width:352px;height: 25px; margin: 2px 10px 2px 10px; padding:2px;float:right; background: #fff;
                 -moz-border-radius:3px;-webkit-border-radius:3px;}
.txtsearch{ float: left;-moz-border-radius:3px;-webkit-border-radius:3px; background:#e7e7e7}
.btnsearch{ float: left; background-image:url(../images/design/button_search.png)}
#nav{ height:35px; background: url(../images/design/nav2.png) repeat-x; margin:0;}
#slide{ height:auto ; width:950px ;-moz-border-radius: 5px;padding-left:5px }
#main{ width: 958px; height:auto; clear:both; padding-bottom:20px;}
#left{ min-height: 900px; padding: 3px; width:210px; float:left; background: #FFF}	
#content{ height:auto; width:725px ; float: right; margin:1px; border:solid 1px #e0e0e0}
#content-main{ width: 530px; float: left; border: solid 1px #e0e0e0;  height: auto; padding-bottom: 10px; margin-top: 3px;}
#right{ width: 200px; float: right;height:  auto; padding:0px 4px 4px 4px; margin-top: 3px;}

#footer{ height: 150px; background:#000; z-index:100px; position:relative; z-index:100; margin:0; margin-top:-40px; border-top:solid 2px #e0e0e0;clear:both;padding-top: 20px}
#footer-content{ width: 960px; margin:auto auto;}
#footer .footer-left{float:left;width:200px; margin-left:10px;}
#footer .footer-midle{margin-left:50px; float: left; width: 200px; }
#footer h2{border-bottom: solid 1px black; text-indent: 45px;}
#footer .footer-left ul{ }
#footer  ul li{ padding:0px 0 5px 0; text-align:left; font-weight: bold; color:#fff; text-indent: 5px;}
#footer  ul li a{ color:#fff; font-family:Arial}
.groupheader{ height:28px; background:url(../images/design/bg-header.png) repeat-x;float: left;
clear: both;
width: 725px;
line-height: 25px;
color: #E47911;
font-weight: bold;
font-size: 12px;
text-indent: 10px;}
#slidesContainer{ overflow: hidden;}
#searchAdv{ height:30px; padding:5px; margin:1px; border-bottom: solid 1px #CC66CC}
.search{ width: 99%; height: 30px; padding: 5px; background: #e0e0e0}
.search .colsearch{ display: inline; float: left; width: 180px; margin-left: 5px}
.main-menu { height: 40px;}
.main-menu ul{ list-style:none; height:35px; padding: 0}
.main-menu ul li{ display:inline;}
.main-menu ul li a{float: left; height: 35px; font-size:16px; font-weight:bold; line-height:35px; text-align:center; text-decoration:none;width:90px; color:#fff;border-right: solid 1px #fff}
.main-menu ul li a:hover{ background: #33CCFF }
ul{list-style:none; margin: 0; padding: 0 }
#menu-category a{ text-decoration: none}
#menu-category ul{ background: #20ffff;}
#menu-category ul li{ background:url(../images/design/list-marker.gif) no-repeat left center; margin-left:10px;}
#menu-category ul li a{height: 25px; display: block; padding: 5px 10px 0 15px; border-bottom: solid 1px #c6c6c6; color:#a33d81}
#menu-category ul li a:hover{background: #fff; font-weight: lighter;}
#menu-category{ width: 208px;}
#menu-category a.link-header{ height: 20px; display: block; padding: 7px 10px; background:#abe3ff; color:#a33d81; font-weight:bold; border-bottom: solid 1px #fff; font-family:arial}

.block-category {height:auto; margin:0 px; margin-bottom:5px; border: solid 1px #e0e0e0}
.block-header{ background: url(../images/design/nav2.png) repeat-x; color:#FFFFFF;height: 32px;text-indent:40px; line-height:30px; font-size:14px; font-weight:bold}
.block-content{height:auto; padding: 0px;background: #a3d7f1; padding: 0px;}
/*.block-content ul{ list-style: none; margin: 0; padding: 0; background: #f17eca}
.block-content ul li{ background:url(../images/design/list-marker.gif) no-repeat left center;  margin-left: 5px; padding: 5px; border-bottom: dotted 1px #e0e0e0 }
.block-content ul li:hover{ background: #f0f0f0; color: #a33d81}
.block-content ul li a{ margin-left: 10px; color: #fff; font-weight: bold; padding-right:10px}
.block-content ul li a:hover{color: #a33d81}*/
.block-sp{ border: solid 1px #e7e7e7; margin-bottom: 5px;}
.block-sp .block-content-sp{ padding: 5px; height: 250px; }
.block-sp img{ height: 180px; width: 160px; margin-left:12px}
.slide span{ display: block; text-align:center; margin-top: 10px;}
.name-product { text-align:center; width:100%; margin: 10px; font-size:14px; }
.price-product{ text-align:center; font-weight:bold;}
.active{ background:#33CCFF}
.block-hotro{ height: 170px; border: solid 1px #e0e0e0; margin-bottom:5px;}
.block-hotro img{ height: 40px; width: 40px;}
.block-hotro .sppitem{ width: 88px; float: left; display: inline; text-align: center}
.support{ padding: 10px;}
.tabcontent .group .items{ width: 170px}
.rowheader{ height: 30px; background: url(../images/design/bg-header.png) repeat-x; padding-left:10px;}
.rowheader  a{ line-height: 30px; color:#996600; font-weight:bold}
.group{ display: block; margin-top: 5px;}
.items{ display:inline; float: left; width: 175px; height:250px; overflow: hidden; font-size:11px ; margin: 2px;border: solid 1px #e0e0e0;  -moz-border-radius:3px;-webkit-border-radius:3px;}
.items img{max-width: 130px;max-height: 130px; margin: auto auto;}
.items ul{ margin:0; padding:0}
.items ul li{ font-size:12px; margin: 3px;}
.borderImage{ height: 140px; width:160px;  text-align:center; margin: 0 auto; overflow:hidden; margin-top:10px; }
.sp-price{ font-weight: bold; color:red; text-align:center; font-size: 13px;}
.sp-name{ text-align:center; font-size: 9px;}
.buy{ text-align:center}
.buy img{ height: 20px; width: 80px;}
.sp-cungloai .items{ display:inline; float: left; width: 172px; overflow: hidden; font-size:11px ; margin: 2px;border-bottom: solid 1px #e0e0e0}
.sp-cungloai .items ul li{ font-size:10px;}
.slide h2{ text-align:center}
.slide .borderImage{ height: 170px;}
.slide img{max-height: 170px;max-width: 150px}
span.index{ font-weight:normal; line-height: 25px; padding-left:10px;}
.cartborder{margin: 0px 10px;float: left;width: 510px; clear: both; border: solid 1px #E7E7E7; } 
.cartrow{ text-align: left ;float: left;width: 510px; clear: both; border-bottom: solid 1px #E7E7E7; } 
.cartrow a{text-decoration: none; color: #000 }  .cartrow a:hover{ color: red } 
.cartname{width: 150px;float: left; padding: 5px 5px 5px 8px; }
.cartquantity{float: left;width : 60px !important ;padding: 3px 10px 3px 3px; text-align: right}
.cartunit{float: left;width : 60px !important ;padding: 3px; text-align: right}
.cartinputquantity{width : 40px !important ;text-align: right;font-family: Tahoma; font-size: 11px;  padding: 0px 5px; float: right;}
.cartprice {float: left;width : 70px ; padding: 5px 10px 5px 5px;   text-align: right; font-weight: bold;}
.carttotal{float: left;width : 100px ; padding: 5px;font-weight: bold;text-align: right;}
.cartfunction{margin: 10px 10px;float: left;width: 510px; clear: both; background-color: #E7E7E7; font-weight: bold; line-height:25px; text-align: center } 
.cartfunction a{text-decoration: none; margin: 0px 10px ;}
.cartno{float: left;width : 40px !important ;padding: 5px; text-align: center}
.cartdel{float: left;width : 40px;padding-top: 2px;text-align: center;}
.cardcode {float: left;width : 100px ; padding: 5px ;  font-weight: bold;  }
.cardsummary{width: 248px;float: left; padding: 5px;  text-align: justify;  }
.show{text-align: left ;float: left;width: 560px; line-height: 25px; padding-left: 10px;} 
.lshow{ width: 100px; float: left; font-weight: bold;}
.rshow{ width: 450px; float: left}
.inputcapcha{ width: 50px; margin-top: 3px;}
.cpcomment img{}
.item-content{}
.item-content .product-description{ height:400px; width:700px;}

.product-image{ float:left; width:230px; height:230px; padding:5px;  margin:10px; margin-left: 41px;border:solid 1px #e0e0e0 }
.product-description h1 { text-align:center; font-size: 20px; color:#993366}
.product-description ul { padding:0px; list-style:circle}
.product-description ul li { padding: 0px; margin: 12px; font-size:12px}
.product-image img{max-height: 220px;max-width: 200px;border:solid 1px red; margin-left: 10px; padding:10px}
.product-description .product-summary{ float:left; margin: 5px; width: 350px;padding:5px;}
.product-detail{ padding:0px; clear: both}
.button-cart{ clear:both; text-align:center; margin: 10px}
.pager_current{ margin: 3px; font-weight:bold; font-size: 14}
.pager{ text-align: right;   color: #053B7C;font-weight: bold;margin: 10px 0px;font-size: 11px;clear: both;width: 98%;float: left;padding: 5px 0px 5px 0px;}
.pager a{padding: 2px 4px 2px 4px;text-decoration: none;margin: auto 2px;color: #053B7C;border: 1px solid #CFCECB;}.pager a:hover{border: 1px solid red;color: #FF9900; text-decoration: underline;}
.pager span span{border: 1px solid red;	padding:  2px 4px;margin: auto 2px;}
.pager_current{color: #FF9900;   font-weight: bold ;   text-decoration: underline;padding-top: 8px; }
.rowtitle{height:23px; padding:5px 0 5px 0; background:#e2e2e2; margin:0 8px 0 10px;}
.col2,.col3,.col4,.col5,.col6{ float:left; font-weight:bold; font-size:12px;}
.col2{ width:160px;}
.col3{ width:75px;}
.col4{ width:100px;}
.col5{ width:110px;}
#lean_overlay {
position: fixed;
z-index: 10000;
top: 0px;
left: 0px;
height:100%;
width:100%;
background: #000;
display: none;
}
.btn 
{
	margin-top: 10px;
	display: inline-block;
	background: url(btn.bg.png) repeat-x 0px 0px;
	padding:2px 10px 4px 10px;
	font-weight:bold;
	text-shadow: 1px 1px 1px rgba(255,255,255,0.5);
	border:1px solid rgba(0,0,0,0.4);
	-moz-border-radius: 5px;
	-moz-box-shadow: 0px 0px 2px rgba(0,0,0,0.5);
	-webkit-border-radius: 5px;
	-webkit-box-shadow: 0px 0px 2px rgba(0,0,0,0.5);
}
.blue		{background-color: #CCCCCC; color: #141414;}
.blue:hover	{background-color: #00c0ff; color: #ffffff;}

.green		{background-color: #CCCCCC; color: #141414;}
.green:hover	{background-color: #8aff00; color: red;}

.red		{background-color: #CCCCCC; color: #141414;}
.red:hover	{background-color: #ff004e; color: #ffffff;}

/*comment*/
.comment{ margin:5px; border-bottom:solid 1px #e0e0e0}
.C_title{ font-size:15px; font-weight:bold }
.C_name{ color:#114c77; font-size:11px;}
.C_detail{ padding-left: 10px; color:#052626}
.C_date{ text-align:right; color:#ff1e9e; font-style:italic;}
.message{ text-align:center; color:Red; min-height:20px; font-size:14px}
#Addcomment{ display: block; margin: 5px; background:#f0f0f0; clear:both; height:275px;box-shadow: 0 0 1px #cccec9; border: solid 1px #e0e0e0}
#bcomment{ text-decoration:underline; font-weight: bold; color:#114c77}
/*user*/
.register{ width:500px; border:#33FFFF solid 1px; background:#e0e0e0}

.rowline{ width: 500px; margin-bottom:10px; display:block; clear:both; height:25px;}
.lname{ width:150px; text-align:right; float:left; font-weight: bold; margin-right:10px; padding-top:3px;}
.itext{ width:340px; float: left;}
div.divcapcha{  float: left; width: 100px;}
.capcha{ width:80px; background:url(../images/design/bg.gif) ; height: 25px; float:left; margin-top:3px; margin-left:3px;}
.pcartrow{ width: 700px; height: 30px; border-bottom: dotted 1px #e0e0e0; padding-left:5px;}
.pcartitemno{ width: 30px; float:left;}
.pcartothername{ width: 350px; float: left;}
.pcardselect{ width: 50px; float: left;}
.pcardsubmit{ width: 50px; float: left;}
.pcol{ width: 150px; float: left}
.prcol{ width: 100px; float: left; text-align: center;}
.ppcol{ width: 50px; float: left; margin-left: 50px;}
.pcolad{ width: 200px; float: left; overflow: hidden}
.header{ background: #263849; color: #fff; border: none;}
.adrow{text-align: left ;float: left; clear: both; width : 700px;padding : 4px 10px;  height: auto; }
.adlrow{width: 180px; float: left; text-align: right; padding-right: 20px; font-weight: bold}
.adrrow{width: 490px; padding: 0px 10; float: left; height:auto }


/* banner*/
.lof-slidecontent, .lof-slidecontent a {color:#FFF;	}
.lof-slidecontent a.readmore{color:#58B1EA;	font-size:95%;}
.lof-slidecontent{position:relative;overflow:hidden;border:#F4F4F4 solid 1px;}
.lof-slidecontent .preload{	height:100%;width:100%;position:absolute;top:0;	left:0;	z-index:100000;	text-align:center;	background:#FFF}
.lof-slidecontent .preload div{	height:100%;width:100%;	background:transparent url(../images/load-indicator.gif) no-repeat scroll 50% 50%;}
.lof-main-outer{position:relative;height:100%;width:800px;z-index:3px;overflow:hidden;}
/*******************************************************/
.lof-main-item-desc{z-index:100px;position:absolute;bottom:50px;left:0px;width:350px;background:url(../images/bg_trans.png);height:100px;/* filter:0.7(opacity:60) */padding:10px;}
.lof-main-item-desc p{margin:0 8px;padding:8px 0}
.lof-main-item-desc h3{	padding:0;margin:0}
.lof-main-item-desc h2{	padding:0;	margin:15px 0 0 0px;}
.lof-main-item-desc h3 a{margin:0;background:#C01F25;font-size:75%;padding:2px 3px;font-family:"Trebuchet MS",Trebuchet,Arial,Verdana,sans-serif;text-transform:uppercase;text-decoration:none}
.lof-main-item-desc h3 a:hover{	text-decoration:underline;}
.lof-main-item-desc h3 i {	font-size:70%;}

/* login */
#login1{ display:block;position: fixed; z-index:1999; width:450px;height:220px; border: solid 1px #CC3300; background:#e2e0e1; border: solid 1px #CC3399; -moz-border-radius: 4px;-webkit-border-radius: 4px}
label{ font-size: 14px; color:#94004a; padding: 5px;}
a.closebox{ float: right; margin: 3px; text-decoration: none;}
.lrow{ width:440px; height:auto; clear:both; padding:5px; text-align:center; color:#663333;}
.lcol{ width:100px; float:left; padding-top: 5px; text-align:right; font-weight:bold}
.rcol{ width:340px; float:left}
.input-text{ height:25px; width: 300px;}
.message{ color:#FF3300}
.hlogin{ font-size: 20px; font-weight:bold; color:#bb1a6b}
.btnsubmit{ background:#33CCFF; width:70px; height: 30px; padding: 7px 7px}
span{ font-size:16px; color:#003366; font-weight:bold}
/* main flash */
ul.lof-main-wapper{	/* margin-right:auto; */
overflow:hidden;background:transparent url(../images/load-indicator.gif) no-repeat scroll 50% 50%;padding:0px;margin:0;	position:absolute;overflow:hidden;}

ul.lof-main-wapper li{overflow:hidden;padding:0px;margin:0px;float:left;position:relative;}
.lof-opacity  li{position:absolute;top:0;left:0;float:inherit;}
ul.lof-main-wapper li img{padding:0px;	}

/* item navigator */
.lof-navigator-wapper {	position:absolute;bottom:10px;right:10px;background:url(../images/transparent_bg.png) repeat;padding:5px 0px;}
.lof-navigator-outer{position:relative;z-index:100;	height:180px;width:310px;overflow:hidden;color:#FFF;float:left}
ul.lof-navigator{top:0;padding:0;margin:0;position:absolute;width:100%;}
ul.lof-navigator li{cursor:hand; cursor:pointer;list-style:none;padding:0;margin-left:0px;overflow:hidden;float:left;display:block;text-align:center;}
ul.lof-navigator li img{border:#666 solid 3px;	}
ul.lof-navigator li.active img, ul.lof-navigator li:hover img {	border:#A8A8A8 solid 3px;}
.lof-navigator-wapper .lof-next,  .lof-navigator-wapper .lof-previous{display:block;width:22px;	height:30px;color:#FFF;	cursor:pointer;}
.lof-navigator-wapper .lof-next {float:left;	text-indent:-999px;	margin-right:5px;background:url(../images/arrow-l.png) no-repeat right center;}
.lof-navigator-wapper .lof-previous {float:left;	text-indent:-999px;	margin-left:5px;background:url(../images/arrow-r.png) no-repeat left center;}
/*---------------------------------------

tab

-----------------------------------------*/


#tabs_table{ height:auto; padding: 5px}

ul.tabs { list-style:none;padding:0; width: auto; padding-left:10px;
-moz-border-top-right-radius: 3px;
-webkit-border-top-left-radius: 3px;
-webkit-border-top-right-radius: 3px;
-webkit-border-top-left-radius: 3px;

}
.tabs li{display:inline; padding:0px; height:30px; margin: 0px}
.tabs li a{ text-decoration: none; height: 20px; background: #6ac1d8; width: 100px; font-size:14px; line-height:36px;padding: 3px; padding-top: 3px; margin:0; -moz-border-top-right-radius: 3px;
-webkit-border-top-left-radius: 3px;
-webkit-border-top-right-radius: 3px;
-webkit-border-top-left-radius: 3px;}
.tabs li a.active{ background:#FFFFFF; color:#0066CC;padding: 5px;
-moz-border-top-right-radius: 3px;
-webkit-border-top-left-radius: 3px;
-webkit-border-top-right-radius: 3px;
-webkit-border-top-left-radius: 3px;}
.tabcontent{ border: solid 1px #e0e0e0; display: block;}
.tabcontent ul{ list-style:none}
.tabcomment { width:713px;margin-left:5px;}
.tabs{ background: url(../images/design/ui-bg_gloss-wave_35_f6a828_500x100_old_old_old_2.png) repeat-x; margin:0px; padding: 0px; height: 30px;}
.active { background:#fff}
/* tab ti gia*/
.col1{ width: 65px; height:25px; float: left; font-size: 13px; text-align: center; border-right: solid 1px #f17eca}
.row{ width: 199px; padding:0px 5px; height: 20px; clear:both; border-bottom:solid 1px #f17eca}
.tabcontent{}
ul.tab-headers{ list-style: none; width: 210px; height:30px; padding:0px; margin:0;}
ul.tab-headers li{ float: left; width: 104px; height: 24px; text-align: center; font-size:17px;  display: inline; padding-top:5px; margin:0;}
ul.tab-headers li:hover{  background: #ebebeb}
a.itab{ text-decoration: none; width: 96px; height: 100%; padding: 5px;}
.ppost{ font-size: 13px;}
.iactive{ background:#e0e0e0; border: solid 1px #f17eca;}
.itabcontent{ background: #20ffff}
#tigiangoaite{ border: solid 1px #f17eca; width:208px; margin:0}
#tigiavang{ border: solid 1px #f17eca; width:208px; display: none}
#tienvavang{ margin-top: 0;}
/*tin tuc*/
.rownew { width: 520px; display:block; height: 180px; border-bottom: solid 1px #e0e0e0; overflow: hidden; margin: 5px; padding-bottom:2px}
.rownew h2{ margin-left: 5px; color:#a32478}
.rownew .timeupdate{ color: #f17eca; font-size: 12px; padding: 5px;}
.rownew a img{ height: 120px; width: 140px; float: left;}
.rownew .new-summary{ width: 360px; float: left; padding: 5px; color: #a30b70}
#news-detail{ padding: 5px;}
#news-detail img.imagedetail{ height: 120px; width: 140px; float: left;}
.new-summary{width: 360px; float: left; padding: 5px; color: #a30b70; font-size:13px;}
#news-detail span img{ max-width: 500px;}
#news-detail .news-detail{ display:block; font-size: 12px; color:#a30b70; clear:both}
.timeupdate{ display:block;  color: #f17eca; font-size: 12px; padding: 5px;}
.author{ float: right;}
.newrelative h2{ border-bottom: solid 2px #000}
.newrelative{ margin-top: 10px; padding: 10px;}
.newrelative ul { list-style-type: decimal}
.newrelative ul li{ display: block; margin-top: 5px;}
.newrelative ul li a{ float: left; font-size: 12px;}
.newrelative ul span{ float: left; margin-left: 5px; color:#2e627c; font-size: 11px;}
.weather{ border: solid 1px #e0e0e0; padding:5px;}
.weather h1{ color: Red;}

#lean_overlay {
    position: fixed;
    z-index:100;
    top: 0px;
    left: 0px;
    height:100%;
    width:100%;
    background: #000;
    display: none;
}
/*login use callback*/
 ul{list-style:none; margin: 0; padding: 0 }
        #menu a{ text-decoration: none}
        #menu ul li a{ background: #e0e0e0; height: 30px; display: block; padding: 2px 10px 0 15px; border-bottom: solid 1px #c6c6c6; color:#a33d81}
        #menu{ width: 200px;}
        #menu a.link-header{ height: 30px; display: block; padding: 2px 10px; background:#abe3ff; color:#a33d81; font-weight:bold; border-bottom: solid 1px #fff; font-family:arial}
        nav ul {
  margin: 0;
  padding: 0;
  list-style: none;
  position: relative;
  float: right;
  background: #eee;
  border-bottom: 1px solid #fff;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}

nav li {
  float: left;
}

nav #login {
  border-right: 1px solid #ddd;
  -moz-box-shadow: 1px 0 0 #fff;
  -webkit-box-shadow: 1px 0 0 #fff;
  box-shadow: 1px 0 0 #fff;
}

nav #login-trigger,
nav #signup a {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  height: 25px;
  line-height: 25px;
  font-weight: bold;
  padding: 0 8px;
  text-decoration: none;
  color: #444;
  text-shadow: 0 1px 0 #fff;
}

nav #signup a {
  -moz-border-radius: 0 3px 3px 0;
  -webkit-border-radius: 0 3px 3px 0;
  border-radius: 0 3px 3px 0;
}

nav #login-trigger {
  -moz-border-radius: 3px 0 0 3px;
  -webkit-border-radius: 3px 0 0 3px;
  border-radius: 3px 0 0 3px;
}

nav #login-trigger:hover,
nav #login .active,
nav #signup a:hover {
  background: #fff;
}

nav #logincontent {
  display: none;
  position: absolute;
  top: 24px;
  right: 0;
  z-index: 999;
  background: #fff;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#eee));
  background-image: -webkit-linear-gradient(top, #fff, #eee);
  background-image: -moz-linear-gradient(top, #fff, #eee);
  background-image: -ms-linear-gradient(top, #fff, #eee);
  background-image: -o-linear-gradient(top, #fff, #eee);
  background-image: linear-gradient(top, #fff, #eee);
  padding: 15px;
  -moz-box-shadow: 0 2px 2px -1px rgba(0,0,0,.9);
  -webkit-box-shadow: 0 2px 2px -1px rgba(0,0,0,.9);
  box-shadow: 0 2px 2px -1px rgba(0,0,0,.9);
  -moz-border-radius: 3px 0 3px 3px;
  -webkit-border-radius: 3px 0 3px 3px;
  border-radius: 3px 0 3px 3px;
}

nav li #login-content {
  right: 0;
  width: 250px;
}

/*--------------------*/

#inputs input {
  background: #f1f1f1;
  padding: 6px 5px;
  margin: 0 0 5px 0;
  width: 238px;
  border: 1px solid #ccc;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  -moz-box-shadow: 0 1px 1px #ccc inset;
  -webkit-box-shadow: 0 1px 1px #ccc inset;
  box-shadow: 0 1px 1px #ccc inset;
}

#inputs input:focus {
  background-color: #fff;
  border-color: #e8c291;
  outline: none;
  -moz-box-shadow: 0 0 0 1px #e8c291 inset;
  -webkit-box-shadow: 0 0 0 1px #e8c291 inset;
  box-shadow: 0 0 0 1px #e8c291 inset;
}

/*--------------------*/

#login #actions {
  margin: 10px 0 0 0;
}

#login #submit {
  background-color: #d14545;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#e97171), to(#d14545));
  background-image: -webkit-linear-gradient(top, #e97171, #d14545);
  background-image: -moz-linear-gradient(top, #e97171, #d14545);
  background-image: -ms-linear-gradient(top, #e97171, #d14545);
  background-image: -o-linear-gradient(top, #e97171, #d14545);
  background-image: linear-gradient(top, #e97171, #d14545);
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  text-shadow: 0 1px 0 rgba(0,0,0,.5);
  -moz-box-shadow: 0 0 1px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.3) inset;
  -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.3) inset;
  box-shadow: 0 0 1px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.3) inset;
  border: 1px solid #7e1515;
  float: left;
  height: 30px;
  padding: 0;
  width: 100px;
  cursor: pointer;
  font: bold 14px Arial, Helvetica;
  color: #fff;
}

#login #submit:hover,
#login #submit:focus {
  background-color: #e97171;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#d14545), to(#e97171));
  background-image: -webkit-linear-gradient(top, #d14545, #e97171);
  background-image: -moz-linear-gradient(top, #d14545, #e97171);
  background-image: -ms-linear-gradient(top, #d14545, #e97171);
  background-image: -o-linear-gradient(top, #d14545, #e97171);
  background-image: linear-gradient(top, #d14545, #e97171);
}       

#login #submit:active {
  outline: none;
  -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5) inset;
  -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5) inset;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5) inset;
}

#login #submit::-moz-focus-inner {
  border: none;
}

#login label {
  float: right;
  line-height: 30px;
}

#login label input {
  position: relative;
  top: 2px;
  right: 2px;
}
#ctl00_loginCallback1_logout{ float:right; height:30px; width:100px; background:#fff}
#ctl00_loginCallback1_logout .username{ float:left; display:inline}
#ctl00_loginCallback1_logout .linkout{ float:left;}